.page {
  width: 100%;
  height: 100vh;
  background: #f7f8f9 url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/bg.png) center center/cover no-repeat;
  overflow: hidden;
}

.main_container {
  width: 100vw;
  height: calc(100vh - (160rpx + var(--status-bar-height)));
  padding: 0 50rpx 30rpx;
}

.custom-popup .u-mode-center-box {
  background-color: transparent;
}

.center {
  width: 100%;
  height: calc(100vh - (100rpx + var(--status-bar-height)));
  background: #f7f8f9 url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/ipad/page_bg.png) center center/cover no-repeat scroll;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main {
  width: 1600rpx;
  height: 960rpx;
  padding: 16rpx;
  border-radius: 60rpx;
  background: #0091ea;
  box-shadow: 10rpx 10rpx 0px 0px #81d4fa;
  position: relative;
  z-index: 992;
}

.text_button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  .text_button_content {
    width: 293rpx;
    height: 80rpx;
    margin: 0 auto;

    &.prev {
      background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/app/prev.png) center center/cover no-repeat scroll;
    }

    &.next {
      background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/app/next.png) center center/cover no-repeat scroll;
    }

    &.submit {
      background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/app/submit.png) center center/cover no-repeat scroll;
    }
  }
}

.name {
  width: auto;
  height: 108rpx;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;

  .name_content {
    width: auto;
    height: 108rpx;
    padding: 0 120rpx;
    background: #0091ea;
    font-size: 64rpx;
    font-weight: bold;
    color: #fce38a;
    line-height: 108rpx;
  }

  .name_bg {
    width: 80rpx;

    image {
      width: 100%;
      height: 108rpx;
    }
  }
}

.u-mask {
  width: 100%;
  height: 100%;
  padding-top: calc((160rpx + var(--status-bar-height)));
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup {
  width: 100vw;
  height: 100vh;
  padding-top: calc((100rpx + var(--status-bar-height)));
  padding-bottom: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup_background {
  background-color: rgba(0, 0, 0, 0.5);
}

image {
  display: block;
}